<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main1.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/3rd/ScrollText.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
		<script src="static/3rd/jquery.backstretch.min.js"></script>
		<style type="text/css">
			.top_box{width: 70%;float: left;}
			.tab_right{float: left;}
			.ec_top_box{width: 100%;}
			.ec_top_box>div{float: left;}
			.tab_left{width:37%;}
			.map_middle{width: 63%;}
			.tab_content tr td{text-align:center;}
			.tab_heard tr th {text-align : center;}
			.titleBox{overflow: hidden;}
			.titleBox li{float: left;width: 33.3%;padding-left: 12px;}
			.title{color: #fff;margin-top:5px;font-size:14px}
			.titleNum{color: #fce24f;font-size: 18px;margin-top: 5px;}
			.leftBar{height:15px;width:40%;border:solid 1px red}
			.rightBar{height:15px;width:40%;border:solid 1px red}
			.barListConBox{overflow: hidden;}
			.barListConBox>div{float: left;}
			.middleTitle{width: 20%;text-align: center;}
			.titleTop{font-weight: normal;color: #fff;position: absolute;top:60px;left: 5px;}
			.titleTop span{padding: 10px;background: #874458;margin-left: 5px;border-radius: 3px;}
			h2{background: linear-gradient(to right,rgba(58,111,185,0.3),rgba(58,111,185,0));border-bottom: solid 1px rgba(58,111,185,0.2);padding: 5px 0 10px 0;font-size: 16px;}
			.headerBox h2{float: none;padding: 5px 0 10px 0;}
			.map_middle{padding: 0;}
			.mapList{top:40px}
			/*.mapList table th:nth-child(1),.mapList table td:nth-child(1){width:20%}
			.mapList table th:nth-child(2),.mapList table td:nth-child(2){width:30%}
			.mapList table th:nth-child(3),.mapList table td:nth-child(3){width:40%}
			.mapList table th:nth-child(4),.mapList table td:nth-child(4){width:40px}*/
			.mapList thead tr{background:rgba(24,61,194,0.7);}
		</style>
	</head>
	<body style="background: #000026; perspective: 100vh;"> 
		<img class="bgImg" src="" alt="" />
		<div class="menu_bg">
			<ul class="menuLeft">
				<li><a class="active" href="">上海接入资源视图</a></li>
				<li><a href="上海IDC资源概览.html">重点接入业务视图</a></li>
				<li><a href="上海域名资源视图.html">上海域名资源视图</a></li>
			</ul>
		</div>
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo" title="上海接入资源视图">上海接入资源视图</div>
				<a href="上海域名资源视图.html" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content"> 
				<!--<div class="top_tip">
				截至2018年2月，全国信安系统已覆盖<strong>1965</strong>家国内持证接入类服务企业，<strong>43,910,758</strong>个服务器IP地址和<strong>35,737,492</strong>个顶级域名
				</div>-->
				<div class="bottom_content">
					<div class="top_box">
							<div class="tab_left">
							    <div class="ec_table_box boxBg">
								    <h2>上海接入企业</h2>
								    <!-- <div>
								    	<div class="title" style="text-align: center;">国内已持证的接入类服务企业</div>
								    	<div class="titleNum" style="text-align: center;">
								    		<a href="http://10.255.200.31:8192/integration/jsp/basicDataManagement/companyInfoBrowse/selectMmBasicDataBrowse.jsp" target="_blank">1,975个</a>
								    	</div>
								    </div> -->
										<div class="ec_pie_nd" id="ec_pie_nd"></div>
								</div>
								
								<div class="barListLeft boxBg" style="margin-top:10px">
									<h2>上海覆盖资源</h2>
									<!-- <ul class="titleBox">
										<li style="text-align:center">
											<div class="title">IP地址</div>
											<div class="titleNum" style="margin-left: -10px;">
												<a href="http://10.255.200.31:8192/integration/jsp/basicDataManagement/ipInfoBrowse/selectBmArIpBrowse.jsp" target="_blank">4,476万</a>
											</div>
										</li>
										<li style="text-align:center">
											<div class="title">顶级域名</div>
											<div class="titleNum" style="margin-left: -15px;">
											    <a href="http://10.255.200.31:8192/integration/jsp/basicDataManagement/domainInfoBrowse/selectBmArDomainBrowse.jsp" target="_blank">3,681万</a>
											</div>
										</li>
										<li style="padding-left: 30px;">
										<li style="text-align:center">
											<div class="title">机房</div>
											<div class="titleNum" style="margin-left: -10px;">
												<a href="http://10.255.200.31:8192/integration/jsp/basicDataManagement/houseInfoBrowse/selectMmBdHouseInfoBrowse.jsp" target="_blank">7,342个</a>
											</div>
										</li>
									</ul> -->
									<div class="myBarList" id="myBarList">
										
									</div>
								</div>
							</div>
							<div class="map_middle mapItem boxBg">
								<!--<ul class="ec_tab">
									<li class="active">IDC</li>
									<li>CDN</li>
									<li>云资源</li>
								</ul>-->
								<h2 style="text-align: left">上海接入资源分布</h2>
								<!--<h3 class="titleTop" style="">全国信安系统已覆盖
									<span>5</span><span>7</span><span>2</span><span>9</span><span>2</span>
								</h3>-->
								<div class="mapList" style="position:absolute; bottom:30px; left:0;">
									<!--<table class="tab_heard">
										<tr>
											<th style="width: 20%;">省份</th>
											<th>综合指标</th>
											<th>排名</th>
											<th>变化</th>
										</tr>
									</table>-->
										<table id="ranklistRight3">
											<thead>
												<tr>
													<th style="height: 26px;">区县</th>
													<th>综合指数</th>
													<th>排名</th>
													<th>变化</th>
												</tr>
											</thead>
											<tbody class="tab_content"></tbody>
											<!--<tr class="tab_content">
												
											</tr>-->
										</table>
								</div>
								<div class="ec_map_nd" id="ec_map_nd" style="top: 50px;"></div>
								
								<!--<div class="bottom_box lineList comItem" style="width:100%; position: absolute;left: 0;top: 40px;">
							        <table class="tab_heard">
										<tr>
											<th>省份</th>
											<th>接入企业数</th>
											<th>机房数</th>
											<th>IP数</th>
											<th>域名数</th>
										</tr>
									</table>
									<div class="tab_scr" id="ranklistRight5" style="height:30px;">
										<table class="tab_content">
											
										</table>
									</div>
						      </div>-->
							</div>

					</div>
					<div class="tab_right joinSource" style="padding-top: 10px;">
						<div class="right_table_box boxBg">
						 	<div class="headerBox">
						    <h2>对接企业数量</h2>
						 	</div>
							<div id="ecLine" class="ecBox"></div>
						</div>
						
						<div class="right_table_box boxBg" style="margin-top: 8px;">
							<div class="headerBox">
								<h2>企业牌照类型</h2>
							</div>
							<div id="ecBar" class="ecBox"></div>
						</div>
					</div>
						

					</div>

				</div>
			</div>
			<div class="foot">
				<a href="上海IDC资源概览.html" class="next_btn"></a>
			</div>
		</div>
		<div class="foot_right_logo"></div>
		<!-- <div class="map_open" id="mapOpen" style="z-index: 99999999;">
			<div class="map_shadow"></div>
			<div class="map_close" style="right:15%;top:5%"></div>
			<iframe name="myFrame" src="全省接入资源视图.html" class="iframeBox" 
			style="display: block;width: 70%; height:90%;left:15%;top:5%;z-index: 999;position: absolute;border: none;"></iframe>
		</div> -->
		
		<script src="static/js/calculate1.js"></script>
		<script>
			calculate2nd();
			window.onresize=function(){
				calculate2nd();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/js-base/shanghai.js"></script>
		<script src="static/js/page2nd1_sh.js"></script>
		<script src="static/js/menuShow.js"></script>
		<script src="static/js/boxBg.js"></script>
		<script src="static/js/imgSkin.js"></script>
		
	</body>
</html>
